<template>
	<view class="page">
		<p-navbar title="关于我们"></p-navbar>
		<view class="code">
			<image src="../../static/logo.png" mode=""></image>
		</view>
		<view class="code-text">
			{{plus}}
		</view>
		<view class="fooler" v-for="(item,index) in list" :key="index">
			<u-cell-item center :is-link="true"  index="index" @tap="cell(item.path)" :hover-class="hoverClass"
			  :title="item.name" :title-style="labels" ></u-cell-item>
		</view>
	</view>
</template>

<script>
	import qr from 'qr-image'
	export default {
		data() {
			return {
				labels: {'font-size': '36rpx','padding-left': '10rpx','font-weight': '400','color':'#333333'} ,
				list:[
					{
						name:'用户协议',
						icon:'/static/user/user1.png',
						path:'./forget?type=0',
					},
					{
						name:'检查更新',
						icon:'/static/user/user2.png',
						path:'./forget-item',
					},
				],
				plus:"",//版本号
			}
		},
		computed: {
			hoverClass() {
				// 如果右侧是switch步进器组件的话，去掉cell的点击反馈，因为这个时候点击的反馈应该在switch上
				return this.rightSlot == 'switch' ? 'none' : 'none';
			}
		},
		methods: {
			cell(){
				this.cell.selectionStyle = this.UITableViewCellSelectionStyleNone;
			}
		},
		onLoad() {
			  //#ifdef APP-PLUS
			  plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{
			  this.plus=wgtinfo.version
			  })
			  //#endif
		}
	}
</script>

<style lang="scss">
	.code{
		width: 200rpx;
		height: 200rpx;
		margin: 122rpx auto 20rpx;
		image{
			border-radius: 50%;
			width: 100%;
			height: 100%;
		}
	}
	.code-text{
		font-size: 28rpx;
		font-family: PingFang;
		font-weight: bold;
		color: #333;
		text-align: center;
		margin-bottom: 180rpx;
	}
	.fooler{
		/deep/ .u-cell {
			position: relative;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			box-sizing: border-box;
			width: 100%;
			padding: 10px 15px;
			font-size: 13px;
			line-height: 23px;
			text-align: left;
			display: flex;
			align-items: center;
			&::after{
				border: none;
			}
			/deep/ .u-cell_title{
				color: #333 !important;
			}
			/deep/ .u-border-bottom{
				
			}
		}
	}
</style>
